<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cherry.js</title>
    <script src="../../Cherry.js"></script>
</head>

<body>
    <div id="app"></div>
</body>
<script>
    new CherryMain({
        app:"app",
        child:[
            new CHE_Container({
                child: [
                    new CHE_Tag ({
                        group:"Mini",
                        margin:5,
                        text:"Default",
                        type:"Default",
                        size:"Mini",
                    }),
                    new CHE_Tag ({
                        group:"Mini",
                        margin:5,
                        text:"Primary",
                        type:"Primary",
                        size:"Mini",
                    }),
                    new CHE_Tag ({
                        group:"Mini",
                        margin:5,
                        text:"Success",
                        type:"Success",
                        size:"Mini",
                    }),
                    new CHE_Tag ({
                        group:"Mini",
                        margin:5,
                        text:"Info",
                        type:"Info",
                        size:"Mini",
                    }),
                    new CHE_Tag ({
                        group:"Mini",
                        margin:5,
                        text:"Warning",
                        type:"Warning",
                        size:"Mini",
                    }),
                    new CHE_Tag ({
                        group:"Mini",
                        margin:5,
                        text:"Danger",
                        type:"Danger",
                        size:"Mini",
                    }),
                    new CHE_Container({
                        //换行
                        width:"100%",
                        height:20,
                    }),
                    new CHE_Tag ({
                        group:"Default",
                        margin:5,
                        text:"Default",
                        type:"Default",
                        size:"Default",
                    }),
                    new CHE_Tag ({
                        group:"Default",
                        margin:5,
                        text:"Primary",
                        type:"Primary",
                        size:"Default",
                    }),
                    new CHE_Tag ({
                        group:"Default",
                        margin:5,
                        text:"Success",
                        type:"Success",
                        size:"Default",
                    }),
                    new CHE_Tag ({
                        group:"Default",
                        margin:5,
                        text:"Info",
                        type:"Info",
                        size:"Default",
                    }),
                    new CHE_Tag ({
                        group:"Default",
                        margin:5,
                        text:"Warning",
                        type:"Warning",
                        size:"Default",
                    }),
                    new CHE_Tag ({
                        group:"Default",
                        margin:5,
                        text:"Danger",
                        type:"Danger",
                        size:"Default",
                    }),
                    new CHE_Container({
                        //换行
                        width:"100%",
                        height:20,
                    }),
                    new CHE_Tag ({
                        group:"Big",
                        margin:5,
                        text:"Default",
                        type:"Default",
                        size:"Big",
                    }),
                    new CHE_Tag ({
                        group:"Big",
                        margin:5,
                        text:"Primary",
                        type:"Primary",
                        size:"Big",
                    }),
                    new CHE_Tag ({
                        group:"Big",
                        margin:5,
                        text:"Success",
                        type:"Success",
                        size:"Big",
                    }),
                    new CHE_Tag ({
                        group:"Big",
                        margin:5,
                        text:"Info",
                        type:"Info",
                        size:"Big",
                    }),
                    new CHE_Tag ({
                        group:"Big",
                        margin:5,
                        text:"Warning",
                        type:"Warning",
                        size:"Big",
                    }),
                    new CHE_Tag ({
                        group:"Big",
                        margin:5,
                        text:"Danger",
                        type:"Danger",
                        size:"Big",
                    }),
                    new CHE_Container({
                        //换行
                        width:"100%",
                        height:20,
                    }),
                    new CHE_Button({
                        text:"Mini修改文字text",
                        margin:5,
                        methods:{
                            click:()=>{
                                //$GET("Mini") 获取所有group为Mini的控件
                                for(let i in $GET(".Mini")){
                                    $GET(".Mini")[i].setText("修改后的内容")
                                }
                            }
                        }
                    }),
                    new CHE_Button({
                        text:"Default修改样式type",
                        margin:5,
                        methods:{
                            click:()=>{
                                //$GET("Mini") 获取所有group为Mini的控件
                                for(let i in $GET(".Default")){
                                    $GET(".Default")[i].setType("Default")
                                }
                            }
                        }
                    }),
                    new CHE_Button({
                        text:"Big修改大小size",
                        margin:5,
                        methods:{
                            click:()=>{
                                //$GET("Mini") 获取所有group为Mini的控件
                                for(let i in $GET(".Default")){
                                    $GET(".Big")[i].setSize("Mini")
                                }
                            }
                        }
                    })
                ]
            }),
            
        ],
        Created:()=>{

        }
    });



</script>
</html>